﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Styles/Reset.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Styles/Layout.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="topo">
        <div class="topo-conteudo">
            <div class="usuario">
                <img src="@Url.Content("~/Content/Layout/avatar.png")" alt="avatar do usuário" class="usuario-avatar" />
                <span class="label">John Alex</span>
                <!-- Top Tooltip -->
            </div>
            <div class="links">
                <ul>
                    <li class="mensagem top_inbox"><a href="#" title="Inbox"><span class="label com-contador">
                        Mensagens</span> <span class="contador">3</span> </a></li>
                    <li class="configuracao"><a href="#" title="Upload"><span class="label">Configurações</span>
                    </a>
                        <!-- Drop Menu -->
                        @*						<ul class="drop-menu icones-menu dropmenu-direita">
							<li>
								<a class="i_16_add" href="#" title="New Flie">
									<span class="label">New File</span>
								</a>									
							</li>
							<li>
								<a class="i_16_progress" href="#" title="2 Files Left">
									<span class="label">Files Left</span>
									<span class="contador">2</span>
								</a>
							</li>
							<li>
								<a class="i_16_files" href="#" title="Browse Files">
									<span class="label">Browse Files</span>
								</a>
							</li>
						</ul>*@ </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="cabecalho">
        <div class="conteudo-cabecalho">
            <div class="logo">
                Logo
            </div>
            <nav class="nav-botao-topo">
               <ul>
					<li class="botao-grande">
						<div class="borda-fora">
							<div class="fundo-botao">
								<div class="borda-dentro">
									<a href="#" title="Analytics" class="o-botao">
										<span class="relatorio"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="botao-grande">
						<div class="contador-grande">
							<span>7</span>
						</div>
						<div class="borda-fora">
							<div class="fundo-botao">
								<div class="borda-dentro">
									<a href="#" title="Support" class="o-botao">
										<span class="dinheiro"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
            </nav>
        </div>
    </div>
    <div class="conteudo">
    </div>
    @RenderBody()
</body>
</html>
